<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <link rel="stylesheet" href="../src/css/index.css">
    <link rel="stylesheet" href="../src/css/register.css">
    <link rel="stylesheet" href="../src/lib/layui/css/layui.css">
</head>

<body>
    <!-- 头部 -->
    <div id="head"></div>

    <div id="register" style="margin: 0 auto;">
        <img src="https://www.suofeiya.com/Www/Public_1/images/login_bg.png" alt="">
        <div id="register-box">
            <div id="yhzc">用户注册</div>
            <div id="sryhm"><div id="a1a"><input id="username" type="text" name="" placeholder="请输入用户名">
                <p>6~18个字符，可使用字母、数字、下划线</p>
            </div></div>
            <div id="szmm"><div id="a2a"><input id="password" type="text" name="" placeholder="设置密码"><p>6~16个字符，区分大小写</p></div></div>
            <div id="cfmm"><div id="a3a"><input id="inp_c" type="text" name="" placeholder="重复密码"><p>再次填写密码</p></div></div>
            <button id="register-btn">下一步</button>
            
            <div id="qdl"><a href="">已有账号？去登陆></a></div>
            <div id="sjdl">或使用手机登录，尽享更多优惠、权益</div>
            
        </div>

    </div>



    <!-- 底部 -->
    <div id="foot"></div>
</body>
<script src="../src/lib/jquery-1.11.3.js"></script>

<script src="../src/lib/layui/layui.js" charset="utf-8"></script>
<script src="../src/js/register.js" type="module"></script>
<!-- <script src="../src/js/tools.js"></script> -->
<script>
    $('#head').load('../layout/head.html')
    $('#foot').load('../layout/foot.html')

</script>





</html>